<template lang="html">
  <div class="userHeader">
     <el-row>
         <el-col :xs="24" :sm="{span:24,offset:0}" :md="{span:24,offset:0}" :lg="{span:24,offset:0}" class="header-user">
              <el-col :xs="24" :sm="{span:6,offset:0}" :md="{span:4,offset:0}" :lg="{span:2,offset:0}" class="header-logo">
                  <span>TMZ淘梦者</span>
              </el-col>
              <el-col :xs="0" :sm="{span:4,offset:12}" :md="{span:4,offset:16}" :lg="{span:2,offset:20} "class="header-quit">
                <router-link to="/home" class="quit-a">Quit</router-link>
              </el-col>
         </el-col>
     </el-row>
  </div>
</template>

<script>
export default {}
</script>

<style lang="css">
.userHeader{
  height: 100px;
  background-color: #ff6805;
  box-shadow: 0px 5px 10px rgba(106, 106, 106, 0.44);
}
.header-user{

}
.header-logo span{
line-height: 100px;
font-size: 24px;
font-style:normal;
color:#fff;
}
.header-quit a{
color: #FFF;
line-height: 100px;
}

</style>
